﻿<!doctype html>
<html class="no-js" lang="en-US">
<head>
	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<title>首页 || 锦绣月华</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- Fav Icon
	============================================ -->
	<link id="favicon" rel="icon" type="image/png" href="img/favicon.ico" />
	<!-- Google web fonts
	============================================ -->
	<link href='http://fonts.useso.com/css?family=Libre+Baskerville:400,400italic,700' rel='stylesheet' type='text/css'>
	<link href='http://fonts.useso.com/css?family=Playfair+Display:400,400italic,700italic,900italic,900,700' rel='stylesheet' type='text/css'>
	<link href='http://fonts.useso.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
	<!-- Style Import CSS
	============================================ -->
	<link rel="stylesheet" type="text/css" href="css/custom-style.css" />
	<!-- RS-slider CSS
	============================================ -->
	<link rel="stylesheet" type="text/css" href="lib/rs-plugin/css/settings.css" media="screen" />
	
	<!-- Modernizr JS
	============================================ -->
	<script src="js/vendor/modernizr-2.8.3.min.js"></script>
	
	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!-- Header Top
============================================ -->
<div class="header-top">
	<div class="container">
		<div class="row">
			<!-- Header Top Left -->
			<div class="header-top-left col-sm-6">
				<ul class="header-login-reg float-left">
					<li><a href="#">登录</a></li>
					<li><a href="#">注册</a></li>
				</ul>
			</div>
			<!-- Header Top Right -->
			<div class="header-top-right col-sm-6">
				<ul class="language-currency float-right">
					<li><a href="#">中文<i class="mo-arrow-down"></i></a>
					<ul>
						<li><a href="#">English</a></li>
						<li><a href="#">日本語</a></li>
						<li><a href="#">한국어</a></li>
					</ul>
				</li>

				</ul>
			</div>
		</div>
	</div>
</div>
<!-- Header Bottom
============================================ -->
<div class="header-bottom">
	<div class="container">
		<div class="row">
			<!-- Header Logo -->
			<div class="logo col-md-2 col-sm-4 col-xs-5"><a href="index.html"><img src="img/logo.png" alt="logo" /></a></div>
			<!-- Main Menu -->
			<div class="main-menu col-md-7 hidden-sm hidden-xs">
				<nav>
					<ul>
						<li class="active"><a href="index.html">首页</a></li>
						<li><a href="shop.html">商城</a>
							<!-- Mega Menu -->
							<div class="mega-menu mega-menu1">
								<div class="megamenu-column megamenu-column1">
									<ul>
										<li><a href="shop.html">汉服</a></li>
										<li><a href="shop.html">罩衫</a></li>
										<li><a href="shop.html">外衣</a></li>
										<li><a href="shop.html">中衣</a></li>
										<li><a href="shop.html">内衣</a></li>
										<li><a href="shop.html">首服</a></li>
										<li><a href="shop.html">足衣</a></li>
									</ul>
								</div>
								<div class="megamenu-column megamenu-column1">
									<ul>
										<li><a href="shop.html">汉元素</a></li>
										<li><a href="shop.html">上衣下裙</a></li>
										<li><a href="shop.html">连衣裙</a></li>
										<li><a href="shop.html">上衣</a></li>
										<li><a href="shop.html">裙/裤</a></li>
										<li><a href="shop.html">鞋/靴</a></li>
										<li><a href="shop.html">其他</a></li>
									</ul>
								</div>
								<div class="megamenu-column megamenu-column1">
									<ul>
										<li><a href="shop.html">配饰</a></li>
										<li><a href="shop.html">披帛</a></li>
										<li><a href="shop.html">冠巾</a></li>
										<li><a href="shop.html">首饰</a></li>
										<li><a href="shop.html">颈饰</a></li>
										<li><a href="shop.html">腰带</a></li>
										<li><a href="shop.html">其他</a></li>
									</ul>
								</div>
								<div class="megamenu-column megamenu-column2">
									<a href="#" class="menu-image"><img src="img/menu-image.png" alt="" /></a>
								</div>
							</div>
						</li>
<!--						<li><a href="#">pages</a>-->
<!--							&lt;!&ndash; Sub Menu &ndash;&gt;-->
<!--							<ul class="sub-menu">-->
<!--								<li><a href="cart.html">Cart</a></li>-->
<!--								<li><a href="checkout.html">Checkout</a></li>-->
<!--								<li><a href="order-complete.html">Order Complete</a></li>-->
<!--								<li><a href="wishlist.html">Wishlist</a></li>-->
<!--								<li><a href="product-details-1.html">Product Details</a>-->
<!--									<ul class="sub-menu-2">-->
<!--										<li><a href="product-details-1.html">Style  1</a></li>-->
<!--										<li><a href="product-details-2.html">Style  2</a></li>-->
<!--									</ul>-->
<!--								</li>-->
<!--								<li><a href="shop.html">Shop</a>-->
<!--									<ul class="sub-menu-2">-->
<!--										<li><a href="shop.html">Shop Left Sidebar</a></li>-->
<!--										<li><a href="shop-right-sidebar.html">Shop Right Sidebar</a></li>-->
<!--										<li><a href="shop-without-banner.html">Shop Without Banner</a></li>-->
<!--										<li><a href="shop-list.html">Shop List</a></li>-->
<!--										<li><a href="shop-two-column.html">Shop 2 Column</a></li>-->
<!--										<li><a href="shop-three-column.html">Shop 3 Column</a></li>-->
<!--										<li><a href="shop-four-column.html">Shop 4 Column</a></li>-->
<!--									</ul>-->
<!--								</li>-->
<!--								<li><a href="single-blog.html">Single Blog</a></li>-->
<!--								<li><a href="single-page.html">Single Page</a></li>-->
<!--								<li><a href="404.html">404 Page</a></li>-->
<!--							</ul>-->
<!--						</li>-->
						<li><a href="blog.html">同袍</a></li>
						<li><a href="contact.html">聚会</a></li>
					</ul>
				</nav>
			</div>
			<!-- Header Search & Cart -->
			<div class="search-cart col-md-3 col-md-offset-0 col-sm-5 col-sm-offset-3 col-xs-7">
				<!-- Header Cart -->
				<div class="header-cart float-right">
					<button class="cart-btn"><i class="mo-cart"></i><span class="cart-number">2</span></button>
					<div class="headercart-wrapper">
						<h2>购物车</h2>
<!--						<ul class="products">-->
<!--							<li>-->
<!--								<a href="#" class="image float-left"><img src="img/header-cart/1.jpg" alt="" /></a>-->
<!--								<div class="content fix">-->
<!--									<h3><a href="#">Skinny Jeans</a></h3>-->
<!--									<span>Color: Philipha Wash</span>-->
<!--									<p class="price">￥ 99 x 1</p>-->
<!--								</div>-->
<!--								<a href="#" class="remove"><i class="mo-cross-rounde"></i></a>-->
<!--							</li>-->
<!--							<li>-->
<!--								<a href="#" class="image float-left"><img src="img/header-cart/2.jpg" alt="" /></a>-->
<!--								<div class="content fix">-->
<!--									<h3><a href="#">Eyewear Sunglasses</a></h3>-->
<!--									<span>Color: Philipha Wash</span>-->
<!--									<p class="price">￥ 199 x 5</p>-->
<!--								</div>-->
<!--								<a href="#" class="remove"><i class="mo-cross-rounde"></i></a>-->
<!--							</li>-->
<!--						</ul>-->
						<div class="total-price text-center fix">
							<p>总计</p>
							<span>￥ 0</span>
						</div>
						<div class="view-cart text-center fix"><a href="cart.html">查看购物车<i class="mo-arrow-right"></i></a></div>
						<div class="cart-footer text-center fix"><a href="checkout.html">立即付款</a></div>
					</div>
				</div>
				<!-- Header Search -->
				<div class="header-search float-right">
					<button class="search-btn"><i class="mo-search"></i></button>
					<form action="#" class="search-form">
						<input type="text" placeholder="　 搜 索 . . ." />
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Mobile Menu
============================================ -->
<div class="mobile-menu hidden-lg hidden-md fix">
	<nav>
		<ul>
			<li><a href="index.html">首页</a>
				<!-- Sub Menu -->
				<ul>
					<li><a href="index.html">Home One</a></li>
					<li><a href="index-2.html">Home Two</a></li>
					<li><a href="index-3.html">Home Three</a></li>
				</ul>
			</li>
			<li><a href="shop.html">商城</a>
				<ul>
					<li><a href="#">Accessories</a>
						<ul>
							<li><a href="shop.html">Leather</a></li>
							<li><a href="shop.html">Sunglasses</a></li>
							<li><a href="shop.html">Belts</a></li>
							<li><a href="shop.html">Rings</a></li>
							<li><a href="shop.html">Sweaters</a></li>
							<li><a href="shop.html">Bags & Persess</a></li>
						</ul>
					</li>
					<li><a href="#">Men's Wear</a>
						<ul>
							<li><a href="shop.html">Shirts & tops</a></li>
							<li><a href="shop.html">Dresses</a></li>
							<li><a href="shop.html">Swimwear</a></li>
							<li><a href="shop.html">Jeans</a></li>
							<li><a href="shop.html">Shoes</a></li>
							<li><a href="shop.html">Sweaters</a></li>
						</ul>
					</li>
					<li><a href="#">WoMen's Wear</a>
						<ul>
							<li><a href="shop.html">Party Dress</a></li>
							<li><a href="shop.html">T-Shirt</a></li>
							<li><a href="shop.html">Jeans & Trousers</a></li>
							<li><a href="shop.html">Jacket & Coats</a></li>
							<li><a href="shop.html">Sweaters</a></li>
							<li><a href="shop.html">Nightwear</a></li>
						</ul>
					</li>
				</ul>
			</li>
			<li><a href="#">购物车</a>
				<!-- Sub Menu -->
				<ul>
					<li><a href="cart.html">Cart</a></li>
					<li><a href="checkout.html">Checkout</a></li>
					<li><a href="order-complete.html">Order Complete</a></li>
					<li><a href="wishlist.html">Wishlist</a></li>
					<li><a href="product-details-1.html">Product Details</a>
						<ul>
							<li><a href="product-details-1.html">Style  1</a></li>
							<li><a href="product-details-2.html">Style  2</a></li>
						</ul>
					</li>
					<li><a href="shop.html">Shop</a>
						<ul>
							<li><a href="shop.html">Shop Left Sidebar</a></li>
							<li><a href="shop-right-sidebar.html">Shop Right Sidebar</a></li>
							<li><a href="shop-without-banner.html">Shop Without Banner</a></li>
							<li><a href="shop-list.html">Shop List</a></li>
							<li><a href="shop-two-column.html">Shop 2 Column</a></li>
							<li><a href="shop-three-column.html">Shop 3 Column</a></li>
							<li><a href="shop-four-column.html">Shop 4 Column</a></li>
						</ul>
					</li>
					<li><a href="single-blog.html">Single Blog</a></li>
					<li><a href="404.html">404 Page</a></li>
				</ul>
			</li>
			<li><a href="blog.html">Blog</a></li>
			<li><a href="contact.html">contact</a></li>
		</ul>
	</nav>
</div>
<!-- Home 1 Slider
============================================ -->
<div class="home-slider-wrapper">
	<div id="revslider2" class="rev_slider">
		<ul>
			<li data-transition="random" data-slotamount="7" data-masterspeed="300" data-saveperformance="off"  data-title="Slide1">
				 <!-- MAIN BACKGROUND IMAGE -->
				 <img src="img/home-2-slider/bg-1.jpg"  alt="">
				 <!-- CAPTION 1 -->
				 <div class="tp-caption sfl caption1"
					data-x="450" 
					data-y="250"
					data-speed="800"
					data-start="500"
					data-easing="easeInOutExpo"
					data-elementdelay="0.1"
					data-endelementdelay="0.1"
					data-endspeed="300"
					style="font-size: 75px;
					line-height: 100px;
					color: #295978;
					font-family: Playfair Display;
					font-weight: 700;
					font-style: italic;
					letter-spacing: -.25px;"
				    >青子衿 <br />流烟昔泠</div>
				 <!-- CAPTION 2 -->
				 <a href="#" class="tp-caption sfb caption2 shop-now"
					data-x="475" 
					data-y="559"
					data-speed="800"
					data-start="1000"
					data-easing="easeInOutExpo"
					data-elementdelay="0.1"
					data-endelementdelay="0.1"
					data-endspeed="300"
					style="font-size: 18px;
					line-height: 46px;
					font-weight: 700;
					color: #272727;
					letter-spacing: -.25px;
					border: 2.5px solid #272727;
					padding: 0 43px;
					text-transform: uppercase;"
					>查看详情</a>
				 <!-- LAYER NR. 1 -->
				 <div class="tp-caption sfr layer1"
					data-x="1115" 
					data-y="74"
					data-speed="800"
					data-start="2500"
					data-easing="easeInOutExpo"
					data-elementdelay="0.1"
					data-endelementdelay="0.1"
					data-endspeed="300"><img src="img/home-2-slider/layer1.png"  alt=""></div>
				 <!-- LAYER NR. 2 -->
				 <div class="tp-caption sfr layer2" 
					data-x="830" 
					data-y="82"
					data-speed="800"
					data-start="1800"
					data-easing="easeInOutExpo"
					data-elementdelay="0.1"
					data-endelementdelay="0.1"
					data-endspeed="300"><img src="img/home-2-slider/layer2.png"  alt=""></div>
			</li>
			<li data-transition="random" data-slotamount="7" data-masterspeed="300" data-saveperformance="off"  data-title="Slide1">
				 <!-- MAIN BACKGROUND IMAGE -->
				 <img src="img/home-2-slider/bg-1.jpg"  alt="">
				 <!-- CAPTION 1 -->
				 <div class="tp-caption sfl caption1"
					data-x="450" 
					data-y="250"
					data-speed="800"
					data-start="500"
					data-easing="easeInOutExpo"
					data-elementdelay="0.1"
					data-endelementdelay="0.1"
					data-endspeed="300"
					style="font-size: 75px;
					line-height: 100px;
					color: #295978;
					font-family: Playfair Display;
					font-weight: 700;
					font-style: italic;
					letter-spacing: -.25px;"
					>青子衿<br/>流烟昔泠</div>
				 <!-- CAPTION 2 -->
				 <a href="#" class="tp-caption sfb caption2 shop-now"
					data-x="475" 
					data-y="559"
					data-speed="800"
					data-start="1000"
					data-easing="easeInOutExpo"
					data-elementdelay="0.1"
					data-endelementdelay="0.1"
					data-endspeed="300"
					style="font-size: 18px;
					line-height: 46px;
					font-weight: 700;
					color: #272727;
					letter-spacing: -.25px;
					border: 2.5px solid #272727;
					padding: 0 43px;
					text-transform: uppercase;"
					>查看详情</a>
				 <!-- LAYER NR. 1 -->
				 <div class="tp-caption sfr layer1"
					data-x="1115" 
					data-y="74"
					data-speed="800"
					data-start="2500"
					data-easing="easeInOutExpo"
					data-elementdelay="0.1"
					data-endelementdelay="0.1"
					data-endspeed="300"><img src="img/home-2-slider/layer1.png"  alt=""></div>
				 <!-- LAYER NR. 2 -->
				 <div class="tp-caption sfr layer2" 
					data-x="830" 
					data-y="82"
					data-speed="800"
					data-start="1800"
					data-easing="easeInOutExpo"
					data-elementdelay="0.1"
					data-endelementdelay="0.1"
					data-endspeed="300"><img src="img/home-2-slider/layer2.png"  alt=""></div>
			</li>
		</ul>				
	</div>
</div>
<!-- Promo Product
============================================ -->
<div class="promo-products">
	<div class="container">
		<div class="row">
			<div class="col-sm-12">
				<div class="promo-pro-container">
					<div class="row">
						<!-- Promo Product Text -->
						<div class="promo-pro-text col-lg-3 col-md-4 col-sm-6">
							<div class="wrap">
								<span class="promo-label">促销</span>
								<h2>汉服新年乐 <br /> 全场七折</h2>
								<h4>限时优惠 <br />速速抢购</h4>
								<a href="#">查看详情</a>
							</div>
						</div>
						<!-- Promo Product Slider -->
						<div class="promo-pro-slider col-lg-9 col-md-8 col-sm-6">
							<!-- Single Promo Product -->
							<div class="sin-promo-product fix">
								<!-- Product Image -->
								<div class="promo-pro-image">
									<a href="#"><img src="img/promo-product/1.jpg" alt="product" /></a>
									<!-- Product Hover Content -->
									<div class="pro-hover fix">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
											<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="promo-pro-content">
									<div class="title-cat float-left fix">
										<h3><a href="#">Leather Watch</a></h3>
										<a href="#" class="pro-cat float-left">Accessories</a>
									</div>
									<div class="price float-right fix">
										<p class="new">￥ 149</p>
										<p class="old">￥ 215</p>
									</div>
								</div>
							</div>
							<!-- Single Promo Product -->
							<div class="sin-promo-product fix">
								<!-- Product Image -->
								<div class="promo-pro-image">
									<a href="#"><img src="img/promo-product/2.jpg" alt="product" /></a>
									<!-- Product Hover Content -->
									<div class="pro-hover fix">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
											<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="promo-pro-content">
									<div class="title-cat float-left fix">
										<h3><a href="#">Catalyst Polarized</a></h3>
										<a href="#" class="pro-cat float-left">Accessories</a>
									</div>
									<div class="price float-right fix">
										<p class="new">￥ 79</p>
										<p class="old">￥ 140</p>
									</div>
								</div>
							</div>
							<!-- Single Promo Product -->
							<div class="sin-promo-product fix">
								<!-- Product Image -->
								<div class="promo-pro-image">
									<a href="#"><img src="img/promo-product/3.jpg" alt="product" /></a>
									<!-- Product Hover Content -->
									<div class="pro-hover fix">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
											<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="promo-pro-content">
									<div class="title-cat float-left fix">
										<h3><a href="#">Rico Gloves</a></h3>
										<a href="#" class="pro-cat float-left">Accessories</a>
									</div>
									<div class="price float-right fix">
										<p class="new">￥ 125</p>
										<p class="old">￥ 186</p>
									</div>
								</div>
							</div>
							<!-- Single Promo Product -->
							<div class="sin-promo-product fix">
								<!-- Product Image -->
								<div class="promo-pro-image">
									<a href="#"><img src="img/promo-product/2.jpg" alt="product" /></a>
									<!-- Product Hover Content -->
									<div class="pro-hover fix">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
											<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="promo-pro-content">
									<div class="title-cat float-left fix">
										<h3><a href="#">Catalyst Polarized</a></h3>
										<a href="#" class="pro-cat float-left">Accessories</a>
									</div>
									<div class="price float-right fix">
										<p class="new">￥ 79</p>
										<p class="old">￥ 140</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Tab Products
============================================ -->
<div class="tab-product tab-product-2">
	<div class="container">
		<div class="row">
			<!-- Product Tab List -->
			<div class="col-xs-12 text-center">
				<ul class="pro-tab-list">
					<li class="active"><a href="#new-arrival" data-toggle="tab">New Arrival</a></li>
					<li><a href="#best-seller" data-toggle="tab">Best Seller</a></li>
					<li><a href="#most-wanted" data-toggle="tab">Most Wanted</a></li>
				</ul>
			</div>
			<!-- Product Tab Content Container -->
			<div class="pro-tab-content-container tab-content col-md-12 col-md-offset-0 col-sm-10 col-sm-offset-1 col-xs-12">
				<!-- Product Tab -->
				<div class="pro-tab tab-pane active row" id="new-arrival">
					<div class="new-arrival-slider tab-pro-slider product-slider">
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product sin-product-2">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/1.jpg" alt="product" /></a>
									<span class="pro-label great-deal">great deals</span>
									<!-- Product Hover Content -->
									<div class="pro-hover fix">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
											<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>Sizes:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>Colors:</h4>
												<ul>
													<li class="blue">b</li>
													<li class="orange">o</li>
													<li class="green">g</li>
													<li class="purple">p</li>
													<li class="pink">p</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">Stripped Wool</a></h3>
										<p class="price float-right">￥ 46</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">Mens wear</a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product sin-product-2">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/2.jpg" alt="product" /></a>
									<!-- Product Hover Content -->
									<div class="pro-hover fix">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
											<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>Sizes:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>Colors:</h4>
												<ul>
													<li class="blue">b</li>
													<li class="orange">o</li>
													<li class="green">g</li>
													<li class="purple">p</li>
													<li class="pink">p</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">Cotton Maflar</a></h3>
										<p class="price float-right">￥ 15</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">Trendy </a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star"></i>
											<i class="mo-star star"></i>
											<i class="mo-star star"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product sin-product-2">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/3.jpg" alt="product" /></a>
									<!-- Product Hover Content -->
									<div class="pro-hover fix">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
											<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>Sizes:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>Colors:</h4>
												<ul>
													<li class="blue">b</li>
													<li class="orange">o</li>
													<li class="green">g</li>
													<li class="purple">p</li>
													<li class="pink">p</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">Goldy Head Pair</a></h3>
										<p class="price float-right">￥ 99</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">Gadget</a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star"></i>
											<i class="mo-star star"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product sin-product-2">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/4.jpg" alt="product" /></a>
									<!-- Product Hover Content -->
									<div class="pro-hover fix">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
											<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>Sizes:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>Colors:</h4>
												<ul>
													<li class="blue">b</li>
													<li class="orange">o</li>
													<li class="green">g</li>
													<li class="purple">p</li>
													<li class="pink">p</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">Wooland Shoe</a></h3>
										<p class="price float-right">￥ 25</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">Mens wear</a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product sin-product-2">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/5.jpg" alt="product" /></a>
									<span class="pro-label great-deal">great deals</span>
									<!-- Product Hover Content -->
									<div class="pro-hover fix">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
											<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>Sizes:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>Colors:</h4>
												<ul>
													<li class="blue">b</li>
													<li class="orange">o</li>
													<li class="green">g</li>
													<li class="purple">p</li>
													<li class="pink">p</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">Stripped Wool</a></h3>
										<p class="price float-right">￥ 46</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">Mens wear</a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- Product Tab -->
				<div class="pro-tab tab-pane row" id="best-seller">
					<div class="best-seller tab-pro-slider product-slider">
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product sin-product-2">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/5.jpg" alt="product" /></a>
									<span class="pro-label great-deal">great deals</span>
									<!-- Product Hover Content -->
									<div class="pro-hover fix">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
											<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>Sizes:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>Colors:</h4>
												<ul>
													<li class="blue">b</li>
													<li class="orange">o</li>
													<li class="green">g</li>
													<li class="purple">p</li>
													<li class="pink">p</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">Stripped Wool</a></h3>
										<p class="price float-right">￥ 46</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">Mens wear</a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product sin-product-2">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/6.jpg" alt="product" /></a>
									<!-- Product Hover Content -->
									<div class="pro-hover fix">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
											<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>Sizes:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>Colors:</h4>
												<ul>
													<li class="blue">b</li>
													<li class="orange">o</li>
													<li class="green">g</li>
													<li class="purple">p</li>
													<li class="pink">p</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">Settle Jute Bag</a></h3>
										<p class="price float-right">￥ 256</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">Utilites</a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star"></i>
											<i class="mo-star star"></i>
											<i class="mo-star star"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product sin-product-2">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/7.jpg" alt="product" /></a>
									<!-- Product Hover Content -->
									<div class="pro-hover fix">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
											<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>Sizes:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>Colors:</h4>
												<ul>
													<li class="blue">b</li>
													<li class="orange">o</li>
													<li class="green">g</li>
													<li class="purple">p</li>
													<li class="pink">p</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">Binchotan Mask</a></h3>
										<p class="price float-right">￥ 99</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">Beauty</a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star"></i>
											<i class="mo-star star"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product sin-product-2">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/8.jpg" alt="product" /></a>
									<!-- Product Hover Content -->
									<div class="pro-hover fix">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
											<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>Sizes:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>Colors:</h4>
												<ul>
													<li class="blue">b</li>
													<li class="orange">o</li>
													<li class="green">g</li>
													<li class="purple">p</li>
													<li class="pink">p</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">Dolce Scarf</a></h3>
										<p class="price float-right">￥ 25</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">Fashion</a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product sin-product-2">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/9.jpg" alt="product" /></a>
									<span class="pro-label great-deal">great deals</span>
									<!-- Product Hover Content -->
									<div class="pro-hover fix">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
											<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>Sizes:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>Colors:</h4>
												<ul>
													<li class="blue">b</li>
													<li class="orange">o</li>
													<li class="green">g</li>
													<li class="purple">p</li>
													<li class="pink">p</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">Backel’s Skin Gel</a></h3>
										<p class="price float-right">￥ 46</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">Mens Beauty</a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- Product Tab -->
				<div class="pro-tab tab-pane row" id="most-wanted">
					<div class="most-wanted-slider tab-pro-slider product-slider">
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product sin-product-2">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/9.jpg" alt="product" /></a>
									<span class="pro-label great-deal">great deals</span>
									<!-- Product Hover Content -->
									<div class="pro-hover fix">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
											<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>Sizes:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>Colors:</h4>
												<ul>
													<li class="blue">b</li>
													<li class="orange">o</li>
													<li class="green">g</li>
													<li class="purple">p</li>
													<li class="pink">p</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">Backel’s Skin Gel</a></h3>
										<p class="price float-right">￥ 46</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">Mens Beauty</a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product sin-product-2">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/10.jpg" alt="product" /></a>
									<!-- Product Hover Content -->
									<div class="pro-hover fix">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
											<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>Sizes:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>Colors:</h4>
												<ul>
													<li class="blue">b</li>
													<li class="orange">o</li>
													<li class="green">g</li>
													<li class="purple">p</li>
													<li class="pink">p</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">Cowboy Hat</a></h3>
										<p class="price float-right">￥ 256</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">Skinny Fit </a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star"></i>
											<i class="mo-star star"></i>
											<i class="mo-star star"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product sin-product-2">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/11.jpg" alt="product" /></a>
									<!-- Product Hover Content -->
									<div class="pro-hover fix">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
											<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>Sizes:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>Colors:</h4>
												<ul>
													<li class="blue">b</li>
													<li class="orange">o</li>
													<li class="green">g</li>
													<li class="purple">p</li>
													<li class="pink">p</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">Jamaica Sweater</a></h3>
										<p class="price float-right">￥ 99</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">Womens wear</a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star"></i>
											<i class="mo-star star"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product sin-product-2">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/12.jpg" alt="product" /></a>
									<!-- Product Hover Content -->
									<div class="pro-hover fix">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
											<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>Sizes:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>Colors:</h4>
												<ul>
													<li class="blue">b</li>
													<li class="orange">o</li>
													<li class="green">g</li>
													<li class="purple">p</li>
													<li class="pink">p</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">Addidas Leather</a></h3>
										<p class="price float-right">￥ 25</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">Mens shoe</a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Single Product -->
						<div class="col-sm-12">
							<div class="sin-product sin-product-2">
								<!-- Product Image -->
								<div class="pro-image">
									<a href="#"><img src="img/product/1.jpg" alt="product" /></a>
									<span class="pro-label great-deal">great deals</span>
									<!-- Product Hover Content -->
									<div class="pro-hover fix">
										<!-- Product Hover Action -->
										<div class="pro-hover-action animated text-center">
											<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
											<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
										</div>
										<!-- Product Hover Options -->
										<div class="pro-hover-option">
											<!-- product Size -->
											<div class="pro-size fix">
												<h4>Sizes:</h4>
												<ul>
													<li>s</li>
													<li>xs</li>
													<li>m</li>
													<li>l</li>
													<li>xl</li>
													<li>xxl</li>
												</ul>
											</div>
											<!-- product Color -->
											<div class="pro-color fix">
												<h4>Colors:</h4>
												<ul>
													<li class="blue">b</li>
													<li class="orange">o</li>
													<li class="green">g</li>
													<li class="purple">p</li>
													<li class="pink">p</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Product Content -->
								<div class="pro-content">
									<div class="top fix">
										<h3><a href="#">Stripped Wool</a></h3>
										<p class="price float-right">￥ 46</p>
									</div>
									<div class="bottom fix">
										<a href="#" class="pro-cat float-left">Mens wear</a>
										<div class="ratting float-right">
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
											<i class="mo-star star active"></i>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Offers Banner 2
============================================ -->
<div class="offers-banner-2">
	<div class="container">
		<div class="row">
			<div class="offer-2-content col-lg-6 col-md-8 col-sm-12 text-center">
				<div class="top-content">
					<h3>Enjoy your Vacation with</h3>
					<h1>Cool Sunglasses</h1>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod incididunt ut labore et aliqua.</p>
				</div>
				<div class="bottom-content">
					<h3>From</h3>
					<h1 class="price">￥29.99</h1>
					<a href="#">See Collections</a>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Top Rated Product
============================================ -->
<div class="top-product">
	<div class="container">
		<div class="row">
			<div class="col-sm-12">
				<div class="section-title text-center"><h1>Top Rated Product</h1></div>
			</div>
		</div>
		<div class="row">
			<!-- Single Product -->
			<div class="col-lg-3 col-md-4 col-md-offset-0 col-sm-5 col-sm-offset-1">
				<div class="sin-product sin-product-2">
					<!-- Product Image -->
					<div class="pro-image">
						<a href="#"><img src="img/product/5.jpg" alt="product" /></a>
						<span class="pro-label great-deal">great deals</span>
						<!-- Product Hover Content -->
						<div class="pro-hover fix">
							<!-- Product Hover Action -->
							<div class="pro-hover-action animated text-center">
								<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
								<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
							</div>
							<!-- Product Hover Options -->
							<div class="pro-hover-option">
								<!-- product Size -->
								<div class="pro-size fix">
									<h4>Sizes:</h4>
									<ul>
										<li>s</li>
										<li>xs</li>
										<li>m</li>
										<li>l</li>
										<li>xl</li>
										<li>xxl</li>
									</ul>
								</div>
								<!-- product Color -->
								<div class="pro-color fix">
									<h4>Colors:</h4>
									<ul>
										<li class="blue">b</li>
										<li class="orange">o</li>
										<li class="green">g</li>
										<li class="purple">p</li>
										<li class="pink">p</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<!-- Product Content -->
					<div class="pro-content">
						<div class="top fix">
							<h3><a href="#">Stripped Wool</a></h3>
							<p class="price float-right">￥ 46</p>
						</div>
						<div class="bottom fix">
							<a href="#" class="pro-cat float-left">Mens wear</a>
							<div class="ratting float-right">
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Single Product -->
			<div class="col-lg-3 col-md-4 col-sm-5">
				<div class="sin-product sin-product-2">
					<!-- Product Image -->
					<div class="pro-image">
						<a href="#"><img src="img/product/6.jpg" alt="product" /></a>
						<!-- Product Hover Content -->
						<div class="pro-hover fix">
							<!-- Product Hover Action -->
							<div class="pro-hover-action animated text-center">
								<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
								<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
							</div>
							<!-- Product Hover Options -->
							<div class="pro-hover-option">
								<!-- product Size -->
								<div class="pro-size fix">
									<h4>Sizes:</h4>
									<ul>
										<li>s</li>
										<li>xs</li>
										<li>m</li>
										<li>l</li>
										<li>xl</li>
										<li>xxl</li>
									</ul>
								</div>
								<!-- product Color -->
								<div class="pro-color fix">
									<h4>Colors:</h4>
									<ul>
										<li class="blue">b</li>
										<li class="orange">o</li>
										<li class="green">g</li>
										<li class="purple">p</li>
										<li class="pink">p</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<!-- Product Content -->
					<div class="pro-content">
						<div class="top fix">
							<h3><a href="#">Settle Jute Bag</a></h3>
							<p class="price float-right">￥ 256</p>
						</div>
						<div class="bottom fix">
							<a href="#" class="pro-cat float-left">Utilites</a>
							<div class="ratting float-right">
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star"></i>
								<i class="mo-star star"></i>
								<i class="mo-star star"></i>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Single Product -->
			<div class="col-lg-3 col-md-4 col-md-offset-0 col-sm-5 col-sm-offset-1">
				<div class="sin-product sin-product-2">
					<!-- Product Image -->
					<div class="pro-image">
						<a href="#"><img src="img/product/7.jpg" alt="product" /></a>
						<!-- Product Hover Content -->
						<div class="pro-hover fix">
							<!-- Product Hover Action -->
							<div class="pro-hover-action animated text-center">
								<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
								<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
							</div>
							<!-- Product Hover Options -->
							<div class="pro-hover-option">
								<!-- product Size -->
								<div class="pro-size fix">
									<h4>Sizes:</h4>
									<ul>
										<li>s</li>
										<li>xs</li>
										<li>m</li>
										<li>l</li>
										<li>xl</li>
										<li>xxl</li>
									</ul>
								</div>
								<!-- product Color -->
								<div class="pro-color fix">
									<h4>Colors:</h4>
									<ul>
										<li class="blue">b</li>
										<li class="orange">o</li>
										<li class="green">g</li>
										<li class="purple">p</li>
										<li class="pink">p</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<!-- Product Content -->
					<div class="pro-content">
						<div class="top fix">
							<h3><a href="#">Binchotan Mask</a></h3>
							<p class="price float-right">￥ 99</p>
						</div>
						<div class="bottom fix">
							<a href="#" class="pro-cat float-left">Beauty</a>
							<div class="ratting float-right">
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star"></i>
								<i class="mo-star star"></i>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Single Product -->
			<div class="col-lg-3 col-md-4 col-sm-5">
				<div class="sin-product sin-product-2">
					<!-- Product Image -->
					<div class="pro-image">
						<a href="#"><img src="img/product/8.jpg" alt="product" /></a>
						<!-- Product Hover Content -->
						<div class="pro-hover fix">
							<!-- Product Hover Action -->
							<div class="pro-hover-action animated text-center">
								<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
								<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
							</div>
							<!-- Product Hover Options -->
							<div class="pro-hover-option">
								<!-- product Size -->
								<div class="pro-size fix">
									<h4>Sizes:</h4>
									<ul>
										<li>s</li>
										<li>xs</li>
										<li>m</li>
										<li>l</li>
										<li>xl</li>
										<li>xxl</li>
									</ul>
								</div>
								<!-- product Color -->
								<div class="pro-color fix">
									<h4>Colors:</h4>
									<ul>
										<li class="blue">b</li>
										<li class="orange">o</li>
										<li class="green">g</li>
										<li class="purple">p</li>
										<li class="pink">p</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<!-- Product Content -->
					<div class="pro-content">
						<div class="top fix">
							<h3><a href="#">Dolce Scarf</a></h3>
							<p class="price float-right">￥ 25</p>
						</div>
						<div class="bottom fix">
							<a href="#" class="pro-cat float-left">Fashion</a>
							<div class="ratting float-right">
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star"></i>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Single Product -->
			<div class="col-lg-3 col-md-4 col-md-offset-0 col-sm-5 col-sm-offset-1">
				<div class="sin-product sin-product-2">
					<!-- Product Image -->
					<div class="pro-image">
						<a href="#"><img src="img/product/9.jpg" alt="product" /></a>
						<span class="pro-label great-deal">great deals</span>
						<!-- Product Hover Content -->
						<div class="pro-hover fix">
							<!-- Product Hover Action -->
							<div class="pro-hover-action animated text-center">
								<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
								<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
							</div>
							<!-- Product Hover Options -->
							<div class="pro-hover-option">
								<!-- product Size -->
								<div class="pro-size fix">
									<h4>Sizes:</h4>
									<ul>
										<li>s</li>
										<li>xs</li>
										<li>m</li>
										<li>l</li>
										<li>xl</li>
										<li>xxl</li>
									</ul>
								</div>
								<!-- product Color -->
								<div class="pro-color fix">
									<h4>Colors:</h4>
									<ul>
										<li class="blue">b</li>
										<li class="orange">o</li>
										<li class="green">g</li>
										<li class="purple">p</li>
										<li class="pink">p</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<!-- Product Content -->
					<div class="pro-content">
						<div class="top fix">
							<h3><a href="#">Backel’s Skin Gel</a></h3>
							<p class="price float-right">￥ 46</p>
						</div>
						<div class="bottom fix">
							<a href="#" class="pro-cat float-left">Mens Beauty</a>
							<div class="ratting float-right">
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Single Product -->
			<div class="col-lg-3 col-md-4 col-sm-5">
				<div class="sin-product sin-product-2">
					<!-- Product Image -->
					<div class="pro-image">
						<a href="#"><img src="img/product/10.jpg" alt="product" /></a>
						<!-- Product Hover Content -->
						<div class="pro-hover fix">
							<!-- Product Hover Action -->
							<div class="pro-hover-action animated text-center">
								<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
								<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
							</div>
							<!-- Product Hover Options -->
							<div class="pro-hover-option">
								<!-- product Size -->
								<div class="pro-size fix">
									<h4>Sizes:</h4>
									<ul>
										<li>s</li>
										<li>xs</li>
										<li>m</li>
										<li>l</li>
										<li>xl</li>
										<li>xxl</li>
									</ul>
								</div>
								<!-- product Color -->
								<div class="pro-color fix">
									<h4>Colors:</h4>
									<ul>
										<li class="blue">b</li>
										<li class="orange">o</li>
										<li class="green">g</li>
										<li class="purple">p</li>
										<li class="pink">p</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<!-- Product Content -->
					<div class="pro-content">
						<div class="top fix">
							<h3><a href="#">Cowboy Hat</a></h3>
							<p class="price float-right">￥ 256</p>
						</div>
						<div class="bottom fix">
							<a href="#" class="pro-cat float-left">Skinny Fit </a>
							<div class="ratting float-right">
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star"></i>
								<i class="mo-star star"></i>
								<i class="mo-star star"></i>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Single Product -->
			<div class="col-lg-3 col-md-4 col-md-offset-0 col-sm-5 col-sm-offset-1">
				<div class="sin-product sin-product-2">
					<!-- Product Image -->
					<div class="pro-image">
						<a href="#"><img src="img/product/11.jpg" alt="product" /></a>
						<!-- Product Hover Content -->
						<div class="pro-hover fix">
							<!-- Product Hover Action -->
							<div class="pro-hover-action animated text-center">
								<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
								<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
							</div>
							<!-- Product Hover Options -->
							<div class="pro-hover-option">
								<!-- product Size -->
								<div class="pro-size fix">
									<h4>Sizes:</h4>
									<ul>
										<li>s</li>
										<li>xs</li>
										<li>m</li>
										<li>l</li>
										<li>xl</li>
										<li>xxl</li>
									</ul>
								</div>
								<!-- product Color -->
								<div class="pro-color fix">
									<h4>Colors:</h4>
									<ul>
										<li class="blue">b</li>
										<li class="orange">o</li>
										<li class="green">g</li>
										<li class="purple">p</li>
										<li class="pink">p</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<!-- Product Content -->
					<div class="pro-content">
						<div class="top fix">
							<h3><a href="#">Jamaica Sweater</a></h3>
							<p class="price float-right">￥ 99</p>
						</div>
						<div class="bottom fix">
							<a href="#" class="pro-cat float-left">Womens wear</a>
							<div class="ratting float-right">
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star"></i>
								<i class="mo-star star"></i>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- Single Product -->
			<div class="col-lg-3 col-md-4 col-sm-5">
				<div class="sin-product sin-product-2">
					<!-- Product Image -->
					<div class="pro-image">
						<a href="#"><img src="img/product/12.jpg" alt="product" /></a>
						<!-- Product Hover Content -->
						<div class="pro-hover fix">
							<!-- Product Hover Action -->
							<div class="pro-hover-action animated text-center">
								<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
								<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
							</div>
							<!-- Product Hover Options -->
							<div class="pro-hover-option">
								<!-- product Size -->
								<div class="pro-size fix">
									<h4>Sizes:</h4>
									<ul>
										<li>s</li>
										<li>xs</li>
										<li>m</li>
										<li>l</li>
										<li>xl</li>
										<li>xxl</li>
									</ul>
								</div>
								<!-- product Color -->
								<div class="pro-color fix">
									<h4>Colors:</h4>
									<ul>
										<li class="blue">b</li>
										<li class="orange">o</li>
										<li class="green">g</li>
										<li class="purple">p</li>
										<li class="pink">p</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<!-- Product Content -->
					<div class="pro-content">
						<div class="top fix">
							<h3><a href="#">Addidas Leather</a></h3>
							<p class="price float-right">￥ 25</p>
						</div>
						<div class="bottom fix">
							<a href="#" class="pro-cat float-left">Mens shoe</a>
							<div class="ratting float-right">
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star"></i>
							</div>
						</div>
					</div>
				</div>
			</div><!-- Single Product -->
			<div class="hidden-lg col-md-4 hidden-sm ">
				<div class="sin-product sin-product-2">
					<!-- Product Image -->
					<div class="pro-image">
						<a href="#"><img src="img/product/13.jpg" alt="product" /></a>
						<!-- Product Hover Content -->
						<div class="pro-hover fix">
							<!-- Product Hover Action -->
							<div class="pro-hover-action animated text-center">
								<button class="add-cart pro-action float-left"><i class="mo-cart"></i></button>
								<button class="wishlist pro-action float-right"><i class="mo-heart"></i></button>
							</div>
							<!-- Product Hover Options -->
							<div class="pro-hover-option">
								<!-- product Size -->
								<div class="pro-size fix">
									<h4>Sizes:</h4>
									<ul>
										<li>s</li>
										<li>xs</li>
										<li>m</li>
										<li>l</li>
										<li>xl</li>
										<li>xxl</li>
									</ul>
								</div>
								<!-- product Color -->
								<div class="pro-color fix">
									<h4>Colors:</h4>
									<ul>
										<li class="blue">b</li>
										<li class="orange">o</li>
										<li class="green">g</li>
										<li class="purple">p</li>
										<li class="pink">p</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<!-- Product Content -->
					<div class="pro-content">
						<div class="top fix">
							<h3><a href="#">Seqkl Watch</a></h3>
							<p class="price float-right">￥ 119</p>
						</div>
						<div class="bottom fix">
							<a href="#" class="pro-cat float-left">Accssories</a>
							<div class="ratting float-right">
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
								<i class="mo-star star active"></i>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- More Product Link -->
		<div class="more-product col-sm-12 text-center">
			<a href="#" class="shop-link"><i class="mo-more"></i></a>
		</div>
	</div>
</div>
<!-- Offers area
============================================ -->
<div class="offers-area-2">
	<div class="container">
		<div class="row">
			<div class="col-md-3 col-md-offset-0 col-sm-5 col-sm-offset-1">
				<div class="single-offer-2 offer-1">
					<a href="#"><img src="img/offers-2/1.jpg" alt="" /></a>
					<div class="content">
						<h1>Lookbook</h1>
						<p>2015 women collections</p>
					</div>
				</div>
			</div>
			<div class="col-md-3 col-sm-5">
				<div class="single-offer-2 offer-2">
					<a href="#"><img src="img/offers-2/2.jpg" alt="" /></a>
					<span class="offers-2-label">featured</span>
					<div class="content">
						<h1>Fajulary</h1>
						<p>Classic</p>
					</div>
				</div>
			</div>
			<div class="col-md-6 col-md-offset-0 col-sm-10 col-sm-offset-1">
				<div class="single-offer-2 offer-3">
					<a href="#">
						<img src="img/offers-2/3.jpg" alt="" />
						<img class="secondary" src="img/offers-2/4.png" alt="" />
					</a>
					<span class="offers-2-label">hot deal</span>
					<div class="content">
						<h1>Lightest <br />Pair of <br />Meindlo</h1>
						<div class="price fix">
							<p class="new">￥ 199</p>
							<p class="old">￥ 265</p>
						</div>
						<a href="#">Shop now</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Blog
============================================ -->
<div class="blog-area">
	<div class="container">
		<div class="row">
			<div class="col-sm-12">
				<div class="section-title text-center"><h1>From the Blog</h1></div>
			</div>
		</div>
		<div class="row">
			<!-- Blog Slider -->
			<div class="blog-slider home1-blog-slider">
				<!-- Single Blog -->
				<div class="blog-item">
					<!-- Blog Image -->
					<div class="blog-image col-lg-6 col-sm-5">
						<a href="#"><img src="img/blog/1.jpg" alt="blog" /></a>
					</div>
					<!-- Blog Content -->
					<div class="blog-content col-lg-6 col-sm-7">
						<span class="blog-date">December 26, 2015</span>
						<h2><a href="#">Milan Fashion Week 2015</a></h2>
						<p>Lorem ipsum dolor sit amet, consec adipisicing elit, sed do eiusmod empor incididunt oloremque laudantium, Eos qui ratione voluptatem sequi. Neque porro quisquam est, et dolore. </p>
						<span>By</span><a href="#" class="blog-author"> Kevin Smith</a>
					</div>
				</div>
				<!-- Single Blog -->
				<div class="blog-item">
					<!-- Blog Image -->
					<div class="blog-image col-lg-6 col-sm-5">
						<a href="#"><img src="img/blog/2.jpg" alt="blog" /></a>
					</div>
					<!-- Blog Content -->
					<div class="blog-content col-lg-6 col-sm-7">
						<span class="blog-date">December 15, 2015</span>
						<h2><a href="#">BeSpoked, BeBold, BeWitched</a></h2>
						<p>Lorem ipsum dolor sit amet, consec adipisicing elit, sed do eiusmod empor incididunt oloremque laudantium, Eos qui ratione voluptatem sequi. Neque porro quisquam est, et dolore. </p>
						<span>By</span><a href="#" class="blog-author"> Kevin Smith</a>
					</div>
				</div>
				<!-- Single Blog -->
				<div class="blog-item">
					<!-- Blog Image -->
					<div class="blog-image col-lg-6 col-sm-5">
						<a href="#"><img src="img/blog/1.jpg" alt="blog" /></a>
					</div>
					<!-- Blog Content -->
					<div class="blog-content col-lg-6 col-sm-7">
						<span class="blog-date">December 26, 2015</span>
						<h2><a href="#">Milan Fashion Week 2015</a></h2>
						<p>Lorem ipsum dolor sit amet, consec adipisicing elit, sed do eiusmod empor incididunt oloremque laudantium, Eos qui ratione voluptatem sequi. Neque porro quisquam est, et dolore. </p>
						<span>By</span><a href="#" class="blog-author"> Kevin Smith</a>
					</div>
				</div>
				<!-- Single Blog -->
				<div class="blog-item">
					<!-- Blog Image -->
					<div class="blog-image col-lg-6 col-sm-5">
						<a href="#"><img src="img/blog/2.jpg" alt="blog" /></a>
					</div>
					<!-- Blog Content -->
					<div class="blog-content col-lg-6 col-sm-7">
						<span class="blog-date">December 15, 2015</span>
						<h2><a href="#">BeSpoked, BeBold, BeWitched</a></h2>
						<p>Lorem ipsum dolor sit amet, consec adipisicing elit, sed do eiusmod empor incididunt oloremque laudantium, Eos qui ratione voluptatem sequi. Neque porro quisquam est, et dolore. </p>
						<span>By</span><a href="#" class="blog-author"> Kevin Smith</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Subscribe Area
============================================ -->
<div class="subscribe-area">
	<div class="container">
		<div class="row">
			<div class="col-sm-12 text-center">
				<div class="subscribe-container">
					<!-- Subscribe Text -->
					<div class="subscribe-text fix">
						<h2>Get Notified of any offers!</h2>
						<p>Subscribe to our Newsletter to be notified about promotions</p>
					</div>
					<!-- Subscribe Form -->
					<div class="subscribe-form fix">
						<form action="#" id="subscribe-form">
							<input type="text" placeholder="Your email address" />
							<input type="submit" value="submit" />
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Brand Area
============================================ -->
<div class="brand-area">
	<div class="container">
		<div class="row">
			<div class="col-md-2 col-sm-3">
				<div class="section-title-2"><h1>Top Brands</h1></div>
			</div>
			<div class="col-md-10 col-sm-9 text-center">
				<!-- Brands Slider -->
				<div class="brand-slider">
					<div class="brand-item"><img src="img/brands/1.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/2.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/3.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/4.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/1.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/2.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/3.png" alt="brand" /></div>
					<div class="brand-item"><img src="img/brands/4.png" alt="brand" /></div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Footer Area
============================================ -->
<div class="footer-area">
	<!-- Footer Top -->
	<div class="footer-top">
		<div class="container">
			<div class="row">
				<!-- Footer Widget About -->
				<div class="footer-widget footer-widget-about col-md-3 col-sm-5">
					<img src="img/footer-logo.png" alt="" />
					<p>Lorem ipsum dolor sit amet, consec adipisicing elit, sed do eiusmod empor incididunt oloremque laudantium,</p>
					<div class="footer-social">
						<a href="#"><i class="mo-facebook"></i></a>
						<a href="#"><i class="mo-twitter"></i></a>
						<a href="#"><i class="mo-google-plus"></i></a>
						<a href="#"><i class="mo-pinterest"></i></a>
					</div>
				</div>
				<!-- Footer Widget Address -->
				<div class="footer-widget footer-widget-address col-md-2 col-md-offset-1 col-sm-5 col-sm-offset-2">
					<h3>address</h3>
					<p>1025-1035 Park Ave, <br />New York, <br />NY 10028, USA</p>
					<p>+1 123-456-7890</p>
					<p>sales@koolinc.com</p>
				</div>
				<!-- Footer Widget Collection -->
				<div class="footer-widget footer-widget-collection col-md-2 col-md-offset-1 col-sm-5">
					<h3>collection</h3>
					<ul>
						<li><a href="#">Men</a></li>
						<li><a href="#">Women</a></li>
						<li><a href="#">Kids</a></li>
						<li><a href="#">Accessories</a></li>
						<li><a href="#">Sale</a></li>
						<li><a href="#">Coming Soon</a></li>
					</ul>
				</div>
				<!-- Footer Widget Shop -->
				<div class="footer-widget footer-widget-shop col-md-2 col-md-offset-1 col-sm-5 col-sm-offset-2">
					<h3>shop</h3>
					<ul>
						<li><a href="single-page.html">About Us</a></li>
						<li><a href="single-page.html">Shipping Methods</a></li>
						<li><a href="single-page.html">Career</a></li>
						<li><a href="contact.html">Contact</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- Footer Bottom -->
	<div class="footer-bottom">
		<div class="container">
			<div class="row">
				<!-- Footer Copyright -->
				<div class="copyright col-sm-6 text-left"><p>&copy; 2016 <a href="#">wilylab</a>. All Rights Reserved</p></div>
				<!-- Footer Payment -->
				<div class="payment col-sm-6 text-right"><img src="img/payment.png" alt="payment" /></div>
			</div>
		</div>
	</div>
</div>

<!-- jQuery 1.12.0
============================================ -->
<script src="js/vendor/jquery-1.12.3.min.js"></script>
<!-- Bootstrap JS
============================================ -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- MeanMenu JS
============================================ -->
<script type="text/javascript" src="js/jquery.meanmenu.min.js"></script>
<!-- Slick Carousel JS
============================================ -->
<script type="text/javascript" src="js/slick.min.js"></script>
<!-- RS-Plugin JS
============================================ -->
<script type="text/javascript" src="lib/rs-plugin/js/jquery.themepunch.tools.min.js"></script>   
<script type="text/javascript" src="lib/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<script src="lib/rs-plugin/rs.home.js"></script>
<!-- Scrollup JS
============================================ -->
<script type="text/javascript" src="js/jquery.scrollup.min.js"></script>
<!-- jQuery UI JS
============================================ -->
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<!-- Tree View JS
============================================ -->
<script type="text/javascript" src="js/jquery.treeview.js"></script>
<!-- Nice Scroll JS
============================================ -->
<script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
<!-- WOW JS
============================================ -->
<script type="text/javascript" src="js/wow.min.js"></script>
<!-- Google Map APi
============================================ -->
<!-- <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBuU_0_uLMnFM-2oWod_fzC0atPZj7dHlU"></script> -->
<script>
	new WOW().init();
</script>
<!-- Main JS
============================================ -->
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>